<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head > 
    <title>系统登录</title>
    <script src="__PUBLIC__/lib/jquery/jquery-1.5.2.min.js" type="text/javascript"></script>
    <link href="__PUBLIC__/lib/ligerUI/skins/Aqua/css/ligerui-dialog.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/lib/ligerUI/skins/Gray/css/dialog.css" rel="stylesheet" type="text/css" />
    <script src="__PUBLIC__/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="__PUBLIC__/lib/ligerUI/js/plugins/ligerDialog.js" type="text/javascript"></script>
    <load href="__PUBLIC__/lib/jquery-validation/jquery.validate.min.js"/>
	<load href="__PUBLIC__/lib/jquery.form.js"/>
    
    <style type="text/css">
        *{ padding:0; margin:0;}
        body{ text-align:center; background:#4974A4;}
        #login{ width:740px; margin:0 auto; font-size:12px;}
        #loginlogo{ width:700px; height:100px; overflow:hidden; background:url('__PUBLIC__/images/login/logon1.gif') no-repeat; margin-top:50px;   }
        #loginpanel{ width:729px; position:relative;height:300px;}
        .panel-h{ width:729px; height:20px; background:url('__PUBLIC__/images/login/panel-h.gif') no-repeat; position:absolute; top:0px; left:0px; z-index:3;}
        .panel-f{ width:729px; height:13px; background:url('__PUBLIC__/images/login/panel-f.gif') no-repeat; position:absolute; bottom:0px; left:0px; z-index:3;}
        .panel-c{ z-index:2;background:url('__PUBLIC__/images/login/panel-c.gif') repeat-y;width:729px; height:300px;}
        .panel-c-l{ position:absolute; left:60px; top:40px;}
        .panel-c-r{ position:absolute; right:20px; top:50px; width:222px; line-height:200%; text-align:left;}
        .panel-c-l h3{ color:#556A85; margin-bottom:10px;}
        .panel-c-l td{ padding:7px;}
        .login-text{ height:24px; left:24px; border:1px solid #e9e9e9; background:#f9f9f9;}
        .login-text-focus{ border:1px solid #E6BF73;}
        .login-btn{width:114px; height:29px; color:#E9FFFF; line-height:29px; background:url('__PUBLIC__/images/login/login-btn.gif') no-repeat; border:none; overflow:hidden; cursor:pointer;}
        #txtUsername,#txtPassword{ width:191px;} 
        #logincopyright{ text-align:center; color:White; margin-top:50px;}
    </style>
    <script type="text/javascript">
        $(function ()
        {
            $(".login-text").focus(function ()
            {
                $(this).addClass("login-text-focus");
            }).blur(function ()
            {
                $(this).removeClass("login-text-focus");
            });

            $(document).keydown(function (e)
            {
                if (e.keyCode == 13)
                {
                	$('#form1').ajaxForm({
                		beforeSend:function(){
                			$('#result').html('正在登录....').show();;
                		 },
                		success:       complete,  // post-submit callback
                		dataType: 'json'
                	});
                }
            });

          /*  $("#btnLogin").click(function ()
            {
                dologin();
            });*/

            jQuery(document).ready(function($){
            	$('#form1').ajaxForm({
            		beforeSend:function(){
            		//	$('#result').html('<img src="./Public/Images/msg_loading.gif">').show();;
            			$('#result').html('正在登录中........').show();;
            		 },
            		success:       complete,  // post-submit callback
            		dataType: 'json'
            	});

            });
            function complete(data){
                    if (data.status==1)
                    {
            		 $('#result').html(data.info).show();
            		 //art.dialog.tips('{:L("logined_ok")}',2);
            		 setTimeout(function(){	window.location.href = '{:U("Home/Index/index")}';},1000);
                    }else{
                        $('#result').html(data.info).show();
                    }
            }
            function reload(){
            	document.login.username.focus();
            	if(self!=top){
            	 window.top.location.href = '{:U("Login/index")}';
            	}
            }
            
            function dologin()
            {
                var username = $("#account").val();
                var password = $("#password").val();
                if (username == "")
                {
                	$.ligerDialog.alert('账号不能为空!');
                    $("#account").focus();
                    return;
                }
                if (password == "")
                {
                	$.ligerDialog.alert('密码不能为空!');
                    $("#password").focus();
                    return;
                }
                $.ajax({
                    type: 'post', cache: false, dataType: 'json',
                    url: '__URL__/checkLogin/',
                    data: [
                    { name: 'account', value: username },
                    { name: 'password', value: password }
                    ],
                    success: function (result)
                    {
                    	alert(result.info);
                    	if (!result)
                        {
                    		$.ligerDialog.alert('登陆失败,账号或密码有误!');
                            $("#txtUsername").focus();
                            return;
                        } else
                        {
                          //  location.href = decodeURIComponent(FromUrl);
                        	window.location = '__APP__/index.php';
                        }
                    },
                    error: function ()
                    {
                        alert('发送系统错误,请与系统管理员联系!');
                    },
                    beforeSend: function ()
                    {
                        $.ligerDialog.waitting("正在登陆中,请稍后...");
                        $("#btnLogin").attr("disabled", true);
                    },
                    complete: function ()
                    {
                        $.ligerDialog.closeWaitting();
                        $("#btnLogin").attr("disabled", false);
                    }
                });
            }
        });
    </script>
</head>
<body style="padding:10px"> 
    <div id="login">
        <div id="loginlogo"></div>
        <div id="loginpanel">
            <div class="panel-h"></div>
            <div class="panel-c">
                <div class="panel-c-l">
                   <form method='post' name="login" id="form1" action="__URL__/checkLogin/}">
                    <table cellpadding="0" cellspacing="0">
                        <tbody>
                         <tr>
                            <td align="left" colspan="2"> 
                             <h3>请使用<font color="red">cqmis</font>权限管理系统账号登陆</h3>
                             <div class="msg"><div id="result" class="result none"></div></div>
                            </td>
                            </tr> 
                            <tr>
                            <td align="right">账号：</td><td align="left"><input type="text" name="account" id="account" class="login-text" /></td>
                            </tr>
                            <tr>
                            <td align="right">密码：</td><td align="left"><input type="password" name="password" id="password" class="login-text" /></td>
                            </tr> 
                            <tr>
                            <td align="center" colspan="2">
                            	<input type="hidden" name="ajax" value="1">
                                <input type="submit" id="btnLogin" value="登陆" class="login-btn" />
                            </td>
                            </tr> 
                        </tbody>
                    </table>
                    </form>
                </div>
                <div class="panel-c-r">
                <p>请从左侧输入登录账号和密码登录</p>
                <p>如果遇到系统问题，请联系网络管理员。</p>
                <p>如果没有账号，请联系网站管理员。 </p>
                <p>......</p>
                </div>
            </div>
            <div class="panel-f"></div>
        </div>
         <div id="logincopyright">Copyright © 2012 www.<font color="blue">iChunQing</font>.com </div>
    </div>
</body>
</html>
